{% extends "base.html" %}
{% load i18n %}
{% block head-css-ext %}
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/layout.css" />
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/forms.css" media="screen" />  
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/jquery-ui.css" media="screen" />
{% endblock %}

{% block head-js-ext %}
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery-ui.js"></script>  
  <!--[if IE]><script type="text/javascript" src="{{MEDIA_URL}}js/jquery.bgiframe.js"></script><![endif]-->
{% endblock %}

{% block head-js-embedded %}
  <script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
	  $("input:submit", ".enviar").button();	
    });
  </script>
{% endblock %}

{% block content-box1 %}
  <form method="post" action=".">{% csrf_token %}
	<table>
	  <tr>
		<td><label for="id_old_password">Contraseña antigua:</label>{% if form.old_password.errors %}<div class="error">{{ form.old_password.errors|join:", " }}</div>{% endif %}</td>
		<td>{{ form.old_password }}</td>
	  </tr>
	  <tr>
		<td><label for="id_new_password1">Contraseña nueva:</label>{% if form.new_password1.errors %}<div class="error">{{ form.new_password1.errors|join:", " }}</div>{% endif %}</td>
		<td>{{ form.new_password1 }}</td>
	  </tr>
	  <tr>
		<td><label for="id_new_password2">Contraseña nueva (confirmación):</label>{% if form.new_password2.errors %}<div class="error">{{ form.new_password2.errors|join:", " }}</div>{% endif %}</td>
		<td>{{ form.new_password2 }}</td>
	  </tr>
	</table>
	<br>
	<div align="center" class="enviar" >
	  <input type="submit" value="Enviar" />
	</div>
  </form>
{% endblock %}
{% block content-colum2 %}{% endblock %}